$(function() {
	// tab栏切换
	$(".brandZone-nav a").click(function() {
		$(this).addClass("active").siblings("a").removeClass("active");
		$(".brandZone-classify ul").eq($(this).index() / 2).addClass("active").siblings("ul")
			.removeClass("active");
	})



	

	// $(".Content-ul li .bigimg").attr("href", "#");

	var bzdata = data.brandData.mian;
	var active = document.querySelector('.Content-ul');
	// console.log(active);
	// console.log(bzdata);
	function Data(myData) {
		myData.forEach(function(value) {
			// console.log(value);
			var content = '';

			for (var i = 0; i < myData.length; i++) {
				content += `
				          <li>
					             <a href="#" class="bigimg">
				                 <img src="${myData[i].bigurl}" alt="">
					                 <!-- li内部蒙版 -->
					                 <div class="masking"></div>
					                 <!-- 蒙版字体 -->
					                 <div class="textMasking">
					                     <p>品牌描述</p>
					                     <p>暂无描述</p>
					                 </div>
					             </a>
								 <div class="logo">
			                   <img src="${myData[i].smallurl}" alt="比特" class="logo-none">
				                 <a href="#" class="attention-block">
				                     <i></i>
				                     <span>比特</span>
				                 </a>
				             </div>
				             <!-- 品牌名称 -->
				             <div class="brandName">比特</div>
							</li>
				`
			}
			// console.log(Img.innerHTML);

			// console.log(content);
			active.innerHTML = content;

		})
	}


	Data(bzdata);
	
	
	
	$(".Content-ul li").each(function(index, ele) {
	   
		// 蒙版滑入
		$(this).mouseenter(function() {
			console.log(this);
			$(this).find(".masking").slideDown();
			$(this).find(".textMasking").stop().slideDown();
		})
	
		// 蒙版滑出
		$(this).mouseleave(function() {
			$(this).find(".masking").stop().slideUp();
			$(this).find(".textMasking").stop().slideUp();
		})
		
		
	})
})

// <li>
// 				             <a href="#" class="bigimg">
// 				                 <img src="" alt="">
// 				                 <!-- li内部蒙版 -->
// 				                 <div class="masking"></div>
// 				                 <!-- 蒙版字体 -->
// 				                 <div class="textMasking">
// 				                     <p>品牌描述</p>
// 				                     <p>暂无描述</p>
// 				                 </div>
// 				             </a>
// 				             <!-- 品牌logo -->
// 				             <div class="logo">
// 				                 <img src="" alt="比特" class="logo-none">
// 				                 <a href="#" class="attention-block">
// 				                     <i></i>
// 				                     <span>比特</span>
// 				                 </a>
// 				             </div>
// 				             <!-- 品牌名称 -->
// 				             <div class="brandName">比特</div>
// 				         </li>
